a,
abbr,
acronym,
address,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	line-height: 1;
	vertical-align: baseline;
	tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}
a {
	color: #101d37
}
a,
a:hover {
	text-decoration: none
}



a,
img {
	touch-callout: none;
	-webkit-touch-callout: none
}

img {
	max-width: 100%
}

body,
html {
	font-size: .8125rem;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

@font-face {
	font-family: martrix;
	src: url(https://s1.ljcdn.com/matrix_wx_app/iconfont/fonts/martrix_common_icon.woff) format("woff"), url(https://s1.ljcdn.com/matrix_wx_app/iconfont/fonts/martrix_common_icon.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

body {
	overflow-y: auto;
	font-family: PingFang-SC-Regular, Helvetica, "sans-serif";
	overflow-scrolling: touch;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-overflow-scrolling: touch;
	color: #101d37;
	background-color: #fff;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none
}

.body--fixed {
	overflow: hidden
}

.wrapper {
	max-width: 64rem;
	margin: 0 auto
}

.show {
	display: block
}

.hide {
	display: none
}

.hidden {
	display: none!important
}

.oneline {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.borderbox {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after,
.wxshare-config {
	visibility: hidden;
	height: 0
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.app_page_empty_box,
.page_empty_box {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding-top: 8%
}

.app_page_empty_box i,
.page_empty_box i {
	display: inline-block;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.page_empty_box i {
	width: 12.5rem;
	height: 12.5rem;
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/list/icon_data_empty.png?v=1588058153892)
}

.page_empty_box .empty_box_title {
	color: #222
}

.page_empty_box letter-spacing rem(1.6) {
	margin-top: 1.5rem;
	margin-bottom: .9375rem;
	font-size: 1rem;
	font-weight: 700
}

.app_page_empty_box i {
	width: 12.5rem;
	height: 12.5rem;
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/default/page_empty.png?v=1588058153892)
}

.app_page_empty_box .empty_box_title {
	margin-top: .625rem;
	line-height: 1.625rem;
	font-size: 1.1875rem;
	color: #9399a5
}

.position_fixed {
	position: fixed!important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10
}

.header--common {
	display: flex;
	justify-content: space-between;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 3.125rem;
	padding: 0 1.1875rem 0 1.25rem;
	background-color: #fff;
	border-bottom: 1px solid #e4e6f0;
	text-align: left
}

.header--common,
.header--common .switch_city {
	color: #222;
	line-height: 3.125rem
}

.header--common>.box_col {
	flex: 1;
	color: #222
}

.header--common .logo_wrap {
	display: block;
	height: 100%;
	overflow: hidden
}

.header--common .city_wrap {
	display: inline-block;
	padding: 0 .5rem;
	font-size: 0;
	vertical-align: middle
}

.header--common .switch_city {
	display: inline-block;
	vertical-align: top
}

.header--common .switch_city .city {
	font-size: .8125rem;
	vertical-align: middle
}

.header--common .opt_box {
	height: 100%;
	text-align: right
}

.header--common .app,
.header--common .my {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 2.5rem;
	height: 100%;
	line-height: 1em;
	padding-top: .5rem;
	font-size: .75rem;
	color: #3072f6;
	text-align: center
}

.header--common .app span,
.header--common .my span {
	display: block;
	padding-top: .125rem;
	transform: scale(.917)
}

.header--common .header_back:after,
.header--common .icon_pull,
.header--common .icon_user,
.header--common .logo,
.home_header .icon_user {
	font-size: 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 0;
	transform: none
}

.header--common .header_back {
	display: inline-block;
	height: 100%;
	font-size: 0;
	margin-right: .875rem;
	vertical-align: top
}

.header--common .header_back:after {
	content: "";
	height: 1.125rem;
	width: .625rem;
	margin: .9375rem 0 0;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/back.png?v=1588058153892) no-repeat 50%/contain
}

.header--common .logo {
	width: 5.53125rem;
	height: 100%;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/logo.png?v=1588058153892) no-repeat 50%/contain
}

.header--common .icon_user {
	width: 1.0625rem;
	height: 1.125rem;
	margin-top: 1rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/user.png?v=1588058153892) no-repeat 50%/contain
}

.header--common .icon_pull {
	width: .5625rem;
	height: .5625rem;
	background-size: .5625rem;
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/down.png?v=1588058153892);
	margin: .4rem 0 0 .18rem;
	vertical-align: middle
}

.header--common .center,
.header--common .left,
.header--common .right {
	flex: 1;
	text-align: center;
	padding: 0;
	font-size: 0
}

.header--common .left {
	text-align: left
}

.header--common .right {
	text-align: right
}

.header_xinfang .logo {
	width: 2rem;
	height: 2rem;
	margin: 0 1.5rem;
	background-size: 2rem 62.375rem;
	transform: scale(3.15);
	background-position: 0 -31.47rem;
	vertical-align: middle
}

.header_haiwai .logo {
	width: 6.3rem;
	height: 100%;
	background-size: 6.3rem;
	background-position: 0 -38.99375rem
}

.header_haiwai .icon_user {
	background-position: 0 -6.4125rem
}

.header--common.header_haiwai {
	background: #fff
}

.header--common.header_haiwai .app,
.header--common.header_haiwai .my,
.header--common.header_haiwai .switch_city {
	color: #101d37
}

.header--common.header_haiwai .switch_city {
	line-height: 3.125rem
}

.header--common.header_haiwai .header_back:after {
	background-position: 0 -5.9375rem
}

.header_white .header_title {
	line-height: 1.5625rem;
	font-size: 1.125rem;
	padding-top: .625rem
}

.lianjia_header .header_back:after {
	content: "";
	height: 1.125rem;
	width: .625rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/back1.png?v=1588058153892) no-repeat 50%/contain
}

.lianjia_header .logo {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/logo3.png?v=1588058153892) no-repeat 50%/contain
}

.lianjia_header .icon_user {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/user1.png?v=1588058153892) no-repeat 50%/contain
}

@-webkit-keyframes fixedIn {
	0% {
		transform: translateY(110%)
	}
	to {
		transform: translateY(0)
	}
}

@keyframes fixedIn {
	0% {
		transform: translateY(110%)
	}
	to {
		transform: translateY(0)
	}
}

.common-form-title-container {
	background: #fff;
	box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .05);
	border-radius: .3125rem;
	padding: 1.25rem 0;
	text-align: center
}

.common-form-title-container .form-title-h4 {
	padding-bottom: .625rem;
	font-size: 1.1875rem;
	font-weight: 700
}

.common-form-title-container .form-title-desc {
	color: #9399a5;
	font-size: .8125rem
}

.common-form-text-container {
	padding: 1.1875rem 1.25rem .3125rem;
	margin-bottom: .75rem;
	background: #fff;
	border-radius: .3125rem;
	box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .05)
}

.common-form-text-container .common-form-inline {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: .75rem;
	font-size: 1rem
}

.common-form-text-container .common-form-inline label {
	flex-shrink: 0;
	min-width: 4rem;
	line-height: 1.375rem
}

.common-form-text-container .common-form-inline span {
	line-height: 1.375rem
}

.common-form-text-container .common-form-inline .title-info {
	margin-right: .625rem
}

.common-form-footer,
.common-form-header {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding: 1.25rem 1.5rem
}

.common-form-header {
	border-bottom: .0625rem dashed #e4e6f0
}

.common-form-footer {
	border-top: .0625rem dashed #e4e6f0
}

.common-form-footer:after,
.common-form-footer:before,
.common-form-header:after,
.common-form-header:before {
	content: "";
	display: inline-block;
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	position: absolute;
	background: #f8f8f9
}

.common-form-header:after,
.common-form-header:before {
	bottom: -.375rem
}

.common-form-footer:after,
.common-form-footer:before {
	top: -.375rem
}

.common-form-footer:before,
.common-form-header:before {
	bottom: -.375rem;
	left: -.375rem
}

.common-form-footer:after,
.common-form-header:after {
	right: -.375rem
}

.common-form-radius-container {
	border-radius: .3125rem;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .08)
}

.common-form-container,
.common-form-radius-container {
	margin-bottom: .75rem;
	background: #fff
}

.common-form-container .common-form-h3,
.common-form-container .common-form-noborder-h3,
.common-form-radius-container .common-form-h3,
.common-form-radius-container .common-form-noborder-h3 {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	padding-top: 1.25rem;
	line-height: 1.625rem;
	font-size: 1.1875rem;
	font-weight: 500;
	color: #101d37
}

.common-form-container .common-form-h3,
.common-form-radius-container .common-form-h3 {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #e5e5e5
}

.common-form-container .common-form-inline,
.common-form-radius-container .common-form-inline {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.common-form-container .common-form-inline>div,
.common-form-radius-container .common-form-inline>div {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem
}

.common-form-container .common-form-linebox,
.common-form-radius-container .common-form-linebox {
	padding-top: 1.125rem;
	padding-bottom: 1.125rem
}

.common-form-container .common-form-inline,
.common-form-container .common-form-linebox,
.common-form-radius-container .common-form-inline,
.common-form-radius-container .common-form-linebox {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	border-bottom: 1px solid #e4e6f0
}

.common-form-container .common-form-inline:last-child,
.common-form-container .common-form-linebox:last-child,
.common-form-radius-container .common-form-inline:last-child,
.common-form-radius-container .common-form-linebox:last-child {
	border-bottom: none
}

.common-form-container .common-form-inline p,
.common-form-container .common-form-linebox p,
.common-form-radius-container .common-form-inline p,
.common-form-radius-container .common-form-linebox p {
	line-height: 1.375rem
}

.common-form-container .common-form-inline .inline-title,
.common-form-container .common-form-linebox .inline-title,
.common-form-radius-container .common-form-inline .inline-title,
.common-form-radius-container .common-form-linebox .inline-title {
	font-size: 1rem
}

.common-form-container .common-form-inline .inline-text,
.common-form-container .common-form-linebox .inline-text,
.common-form-radius-container .common-form-inline .inline-text,
.common-form-radius-container .common-form-linebox .inline-text {
	font-size: .8125rem
}

.common-form-container .common-form-inline .title-info,
.common-form-container .common-form-inline label,
.common-form-container .common-form-linebox .title-info,
.common-form-container .common-form-linebox label,
.common-form-radius-container .common-form-inline .title-info,
.common-form-radius-container .common-form-inline label,
.common-form-radius-container .common-form-linebox .title-info,
.common-form-radius-container .common-form-linebox label {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	flex-shrink: 0;
	line-height: 1.375rem;
	padding-right: 1rem;
	font-size: 1rem;
	color: #101d37
}

.common-form-container .common-form-inline .label-whole-line,
.common-form-container .common-form-linebox .label-whole-line,
.common-form-radius-container .common-form-inline .label-whole-line,
.common-form-radius-container .common-form-linebox .label-whole-line {
	width: 100%;
	padding-right: 0
}

.common-form-container .common-form-inline .label-whole-line input,
.common-form-container .common-form-linebox .label-whole-line input,
.common-form-radius-container .common-form-inline .label-whole-line input,
.common-form-radius-container .common-form-linebox .label-whole-line input {
	width: 100%;
	text-align: left;
	padding: 0
}

.common-form-container .common-form-inline .select-info,
.common-form-container .common-form-inline .text-info,
.common-form-container .common-form-linebox .select-info,
.common-form-container .common-form-linebox .text-info,
.common-form-radius-container .common-form-inline .select-info,
.common-form-radius-container .common-form-inline .text-info,
.common-form-radius-container .common-form-linebox .select-info,
.common-form-radius-container .common-form-linebox .text-info {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 1;
	width: 0;
	font-size: 1rem;
	font-weight: 400
}

.common-form-container .common-form-inline .select-info:after,
.common-form-container .common-form-linebox .select-info:after,
.common-form-radius-container .common-form-inline .select-info:after,
.common-form-radius-container .common-form-linebox .select-info:after {
	font-family: martrix!important;
	content: attr(data-icon);
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	font-feature-settings: "liga", normal, "dlig";
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	content: "\e91f";
	margin-left: .25rem;
	font-size: .8125rem;
	color: #ced2d6
}

.common-form-container .common-form-inline input,
.common-form-container .common-form-linebox input,
.common-form-radius-container .common-form-inline input,
.common-form-radius-container .common-form-linebox input {
	outline: none;
	border: 0;
	font-size: 1rem;
	text-align: right;
	width: 80%;
	height: 1.375rem;
	line-height: 1.375rem;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.common-form-container .common-form-inline input::-webkit-input-placeholder,
.common-form-container .common-form-linebox input::-webkit-input-placeholder,
.common-form-radius-container .common-form-inline input::-webkit-input-placeholder,
.common-form-radius-container .common-form-linebox input::-webkit-input-placeholder {
	color: #ced2d6!important
}

.common-form-container .common-form-inline .common-form-line-tips,
.common-form-container .common-form-inline .label-whole-line-tips,
.common-form-container .common-form-linebox .common-form-line-tips,
.common-form-container .common-form-linebox .label-whole-line-tips,
.common-form-radius-container .common-form-inline .common-form-line-tips,
.common-form-radius-container .common-form-inline .label-whole-line-tips,
.common-form-radius-container .common-form-linebox .common-form-line-tips,
.common-form-radius-container .common-form-linebox .label-whole-line-tips {
	font-size: .8125rem;
	color: #ced2d6;
	line-height: 1.125rem
}

.common-form-container .common-form-inline .text-info-import,
.common-form-container .common-form-linebox .text-info-import,
.common-form-radius-container .common-form-inline .text-info-import,
.common-form-radius-container .common-form-linebox .text-info-import {
	font-size: 1.1875rem
}

.common-form-container .placeholder,
.common-form-radius-container .placeholder {
	color: #ced2d6
}

input[disabled=disabled] {
	background-color: #fff;
	opacity: 1;
	-webkit-opacity: 1
}

.blue-big-btn,
.blue-middle-btn,
.grey-big-btn,
.white-middle-btn,
.yellow-big-btn,
.yellow-middle-btn {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	outline: none;
	border: 0;
	border-radius: .3125rem;
	text-align: center;
	cursor: pointer
}

.blue-big-btn,
.grey-big-btn,
.yellow-big-btn {
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	font-size: 1rem;
	font-weight: 400
}

.blue-big-btn,
.blue-middle-btn {
	background-image: linear-gradient(147deg, #6898f8, #2c68e0);
	color: #fff
}

.yellow-big-btn,
.yellow-middle-btn {
	background-image: linear-gradient(135deg, #fd0, #ffca00)
}

.white-middle-btn {
	background: #fff
}

.grey-big-btn {
	background: #e4e6f0;
	color: #9399a5
}

.blue-middle-btn,
.grey-middle-btn,
.white-middle-btn,
.yellow-middle-btn {
	height: 2.75rem;
	line-height: 2.8125rem;
	font-size: .8125rem
}

.white-middle-btn {
	border: 1px solid #101d37
}

.grey-middle-btn {
	background: #f8f8f9;
	border: 1px solid #f8f8f9;
	color: #9399a5
}

.blue-small-btn {
	background: linear-gradient(90deg, #6898f8, #2c68e0);
	width: 48.5%
}

.green-small-btn {
	background: linear-gradient(90deg, #49d7b3, #29b09c);
	width: 48.5%;
	margin-right: 2%
}

.tips-btn {
	padding-top: .625rem;
	text-align: center;
	line-height: 1.375rem
}

.tips-btn .tips-text {
	line-height: .875rem;
	font-size: .625rem;
	opacity: .5;
	color: #9ebaf3
}

.fixed-bottom-btn-container {
	height: 5.125rem
}

.fixed-bottom-btn-box {
	padding: 1rem 1.5rem;
	background: #fff;
	position: fixed;
	z-index: 2;
	bottom: -1px;
	left: 0;
	right: 0
}

.fixed-bottom-btn-box,
.fixed-bottom-btn-box ul {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.fixed-bottom-btn-box ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + .75rem);
	height: 100%;
	margin-left: -.7rem
}

.fixed-bottom-btn-box .fixed--aside,
.fixed-bottom-btn-box .fixed--button {
	text-align: center;
	cursor: pointer;
	vertical-align: middle
}

.fixed-bottom-btn-box .fixed--aside {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.fixed-bottom-btn-box .fixed--aside>div {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 3rem;
	line-height: 1rem;
	word-break: keep-all;
	font-size: .6875rem;
	color: #101d37
}

.fixed-bottom-btn-box .fixed--aside i {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 auto .125rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.fixed-bottom-btn-box .favorite-box:before {
	display: block;
	font-size: 1.1875rem
}

.fixed-bottom-btn-box .favorite-box.clicked:before {
	color: #fa5741
}

.fixed-bottom-btn-box .signPayment-box:before {
	display: block;
	font-size: 1.1875rem
}

.fixed-bottom-btn-box .fixed--button {
	padding-left: .5rem;
	width: 100%;
	border: 0;
	outline: none;
	font-size: 0;
	cursor: pointer
}

.fixed-bottom-btn-box .fixed--button,
.fixed-bottom-btn-box .fixed--button span {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff
}

.fixed-bottom-btn-box .fixed--button span {
	display: inline-block;
	height: 3.125rem;
	line-height: 3.125rem;
	border-radius: .3125rem;
	text-align: center;
	font-size: 1rem
}

.fixed-bottom-btn-box .fixed--button span.blue_big_btn {
	width: 100%;
	cursor: pointer;
	background: linear-gradient(147deg, #6898f8, #2c68e0)
}

.fixed-bottom-btn-box .fixed--button span.grey_big_btn {
	width: 100%;
	background: #e4e6f0
}

.fixed-bottom-btn-box .fixed--button span.blue_small_btn {
	background: linear-gradient(90deg, #6898f8, #2c68e0);
	width: 49%;
	cursor: pointer
}

.fixed-bottom-btn-box .fixed--button span.green_small_btn {
	background: linear-gradient(90deg, #49d7b3, #29b09c);
	width: 48.6%;
	margin-right: 2.8%;
	cursor: pointer
}

.fixed-bottom-btn-box {
	bottom: -2px!important;
	bottom: calc(constant(safe-area-inset-bottom)*2 - 2px)!important;
	bottom: calc(env(safe-area-inset-bottom)*2 - 2px)!important
}

.fixed-bottom-btn-box:after {
	height: 0!important;
	height: calc(constant(safe-area-inset-bottom)*2)!important;
	height: calc(env(safe-area-inset-bottom)*2)!important;
	display: block!important;
	content: ""!important;
	position: fixed!important;
	left: 0!important;
	bottom: 0!important;
	width: 100%!important;
	background: #fff!important
}

.fixed_bottom_text_box {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	padding-top: .625rem;
	padding-bottom: .625rem;
	text-align: center;
	line-height: 1.125rem;
	font-size: .8125rem
}

.fixed_bottom_text_box a {
	color: #3072f6
}

.fixed-bottom-faq {
	bottom: 0!important;
	bottom: calc(constant(safe-area-inset-bottom)*2)!important;
	bottom: calc(env(safe-area-inset-bottom)*2)!important
}

.fixed-bottom-faq:after {
	height: 0!important;
	height: calc(constant(safe-area-inset-bottom)*2)!important;
	height: calc(env(safe-area-inset-bottom)*2)!important;
	display: block!important;
	content: ""!important;
	position: fixed!important;
	left: 0!important;
	bottom: 0!important;
	width: 100%!important;
	background: #fff!important
}

.ui__toast {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 10000;
	transform: translate(-50%, -50%)
}

.ui__toast .ui__toast__content {
	min-width: 8.125rem;
	max-width: 12.5rem;
	background-color: rgba(0, 0, 0, .7);
	border-radius: .625rem;
	text-align: center;
	padding: 1.875rem;
	color: #fff;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.ui__toast .ui__toast__icon {
	margin: 0 auto .5rem
}

.ui__toast .ui__toast__icon--error,
.ui__toast .ui__toast__icon--loading,
.ui__toast .ui__toast__icon--warn {
	display: block;
	position: relative;
	width: 2.625rem;
	height: 2.625rem;
	margin: 0 auto;
	border: 0;
	border-radius: 50%;
	font-size: 0;
	cursor: pointer
}

.ui__toast .ui__toast__icon--error:after,
.ui__toast .ui__toast__icon--error:before,
.ui__toast .ui__toast__icon--warn:after {
	content: " ";
	border-radius: .125rem;
	background-color: #fff;
	position: absolute;
	left: 50%
}

.ui__toast .ui__toast__icon--error:after,
.ui__toast .ui__toast__icon--error:before {
	width: .125rem;
	height: 100%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	border-radius: .125rem
}

.ui__toast .ui__toast__icon--error:after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.ui__toast .ui__toast__icon--loading {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/loading.gif?v=1588058153892);
	background-size: 100%
}

.ui__toast .ui__toast__icon--success {
	display: inline-block;
	width: 3rem;
	height: 1.5rem;
	border-left: .125rem solid #fff;
	border-bottom: .125rem solid #fff;
	transform: translate(15%, -50%) rotate(-45deg)
}

.ui__toast .ui__toast__icon--warn {
	width: 2.5rem;
	height: 2.5rem;
	border: .125rem solid #fff
}

.ui__toast .ui__toast__icon--warn:before {
	position: absolute;
	content: " ";
	width: .125rem;
	height: 50%;
	background-color: #fff;
	top: .3125rem;
	left: 50%;
	margin-left: -.0625rem
}

.ui__toast .ui__toast__icon--warn:after {
	width: .25rem;
	height: .25rem;
	border-radius: .125rem;
	top: 72%;
	margin-left: -.125rem
}

.ui__toast .ui__toast__msg {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	color: #fff
}

.ui__confirm--bg {
	z-index: 9998
}

.ui__confirm .ui__confirm__content {
	width: 100%;
	background-color: #fff;
	border-radius: .25rem;
	text-align: center
}

.ui__confirm .ui__confirm__content .ui__confirm__title {
	font-size: 1rem;
	font-weight: 700;
	padding-top: 1.4375rem;
	font-family: PingFangSC-Medium
}

.ui__confirm .ui__confirm__content .ui__confirm__msg {
	color: #666;
	text-align: center;
	line-height: 1.2rem;
	padding: .9375rem .9375rem 1.9375rem
}

.ui__confirm .ui__confirm__content .ui__confirm__button--wrapper {
	border-top: 1px solid #e9e9e9;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.ui__confirm .ui__confirm__content .ui__confirm__button {
	width: 50%;
	display: inline-block;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	height: 3.1875rem;
	line-height: 3.1875rem;
	font-size: .9375rem;
	color: #3072f6;
	cursor: pointer;
	font-family: PingFangSC-Medium
}

.ui__confirm .ui__confirm__content .ui__confirm__button:nth-child(2) {
	border-left: 1px solid #e9e9e9
}

.ui__layer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999
}

.ui__layer__blur {
	-webkit-filter: blur(.5rem);
	filter: blur(.5rem);
	transition: filfilter .1s ease;
	-moz-transition: filfilter .1s ease;
	-webkit-transition: filfilter .1s ease;
	-o-transition: filfilter .1s ease
}

.ui__layer__mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1
}

.ui__layer__box {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	padding: 0 1.875rem
}

.ui__layer__box,
.ui__layer__box .ui__layer__wrap {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}

.ui__layer__box .ui__layer__wrap {
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 .3125rem rgba(0, 0, 0, .2);
	border-radius: .3125rem;
	text-align: center;
	padding: 3.75rem 2.5rem
}

.ui__layer__box .ui__layer__wrap .ui__layer__header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.3125rem
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_text .title_text_main {
	text-align: left;
	display: flex;
	align-items: center
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_text h3 {
	display: inline-block;
	line-height: 1.875rem;
	margin-bottom: .25rem;
	margin-top: 0;
	font-size: 1.5rem;
	color: #030303;
	font-weight: 700
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_text em.em-title-brand {
	font-weight: 400;
	font-size: .6875rem;
	color: #9398a5;
	margin-left: .4375rem;
	margin-right: .34375rem;
	background: #eff0f2;
	padding: .1875rem;
	display: inline-block
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img {
	width: 2.75rem;
	min-width: 2.75rem;
	height: 2.75rem;
	border-radius: 100%;
	border: 1px solid #e4e6f0;
	overflow: hidden;
	display: inline-block;
	background-size: contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/all.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302062000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/guanyu.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302003000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/mofang.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302033000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/wanliu.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302073000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/beike.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302068000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/fengke.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302140000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/bangshe.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302142000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/lehuo.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302019000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/jimei.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302145000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/xinpai.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302069000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/qianyu.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302144000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/chengjia.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302047000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/dijiu.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302044000 {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/brand/tiantian.png?v=1588058153892) no-repeat 50%/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__content {
	text-align: left
}

.ui__layer__box .ui__layer__wrap .ui__layer__content .tel {
	margin-top: .9375rem;
	line-height: 1.625rem;
	font-size: 1.1875rem;
	font-weight: 700
}

.ui__layer__box .ui__layer__wrap .ui__layer__content .tel span {
	color: #3072f6
}

.ui__layer__box .ui__layer__wrap .tips {
	font-size: .8125rem;
	line-height: 1rem;
	color: #9399a5;
	text-align: left
}

.ui__layer__box .ui__layer__wrap .blue-big-btn {
	margin-top: 1.6875rem
}

.ui__layer__close {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	opacity: .3;
	cursor: pointer
}

.ui__layer__close:before {
	color: #9399a5;
	font-size: 1rem
}

.layer_bottom_box {
	position: fixed;
	z-index: 1000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .4)
}

.layer_bottom_box .layer_bottom_content {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	max-height: 100vh
}

.layer_bottom_box .layer_bottom_header {
	position: relative;
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 1rem
}

.layer_bottom_box .layer_bottom_header h4 {
	height: 3.75rem;
	border-bottom: .0625rem solid #e4e6f0;
	font-size: 1rem;
	line-height: 3.75rem;
	text-align: center;
	position: relative
}

.layer_bottom_box .layer_bottom_header h4.title-h4-left {
	padding-left: 1.5rem;
	text-align: left;
	font-weight: 700
}

.layer_bottom_box .layer_bottom_main {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2.1875rem 1.5rem 5.125rem;
	overflow-y: auto
}

.layer_bottom_box .layer_bottom_footer {
	border: 0;
	outline: none;
	margin: 1rem 1.5rem;
	border-radius: .3125rem;
	font-size: 1rem;
	color: #fff;
	height: 3.125rem;
	line-height: 3.125rem;
	text-align: center;
	background-image: linear-gradient(147deg, #6898f8, #2c68e0)
}

.layer_bottom_box .layer_bottom_close {
	width: 3.75rem;
	height: 3.75rem;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.layer_bottom_box .layer_bottom_close:after,
.layer_bottom_box .layer_bottom_close:before {
	content: "";
	display: block;
	width: .0625rem;
	height: 35%;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #9399a5;
	opacity: .3
}

.layer_bottom_box .layer_bottom_close:before {
	transform: translate(-50%, -50%) rotate(45deg)
}

.layer_bottom_box .layer_bottom_close:after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.ui__bottom {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	bottom: 0!important;
	bottom: calc(constant(safe-area-inset-bottom)*2)!important;
	bottom: calc(env(safe-area-inset-bottom)*2)!important
}

.ui__bottom:after {
	height: 0!important;
	height: calc(constant(safe-area-inset-bottom)*2)!important;
	height: calc(env(safe-area-inset-bottom)*2)!important;
	display: block!important;
	content: ""!important;
	position: fixed!important;
	left: 0!important;
	bottom: 0!important;
	width: 100%!important;
	background: #fff!important
}

.ui__bottom .ui__bottom__content {
	width: 100%;
	height: 3.125rem;
	display: flex;
	background: #000;
	justify-content: space-between;
	position: relative;
	color: #fff
}

.ui__bottom .ui__bottom__content .ui__bottom__close {
	width: 1.5rem;
	height: 1.5rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/businessVolume/close_bottom.png?v=1588058153892) no-repeat;
	background-size: 1.5rem 1.5rem;
	cursor: pointer
}

.ui__bottom .ui__bottom__content .ui__left__content,
.ui__bottom .ui__bottom__content .ui__right__content,
.ui__bottom .ui__bottom__content cursor pointer {
	width: 13.8125rem;
	line-height: 100%
}

.ui__bottom .ui__bottom__content .ui__left__content {
	display: flex;
	opacity: .8;
	padding-top: .5rem
}

.ui__bottom .ui__bottom__content .ui__left__content .app__log {
	width: 1.875rem;
	height: 1.875rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/logo-download.png?v=1588058153892) no-repeat;
	background-size: 1.875rem 1.875rem
}

.ui__bottom .ui__bottom__content .ui__left__content .info__text__area p {
	font-size: .75rem;
	line-height: 1.0625rem;
	margin-left: .4375rem
}

.ui__bottom .ui__bottom__content .ui__left__content .info__text__area p+p {
	opacity: .5
}

.ui__bottom .ui__bottom__content .ui__right__content {
	flex: 1;
	background-color: #3072f6;
	opacity: 1;
	color: #fff;
	font-size: 1rem;
	line-height: 3.125rem;
	text-align: center
}

.ui__bottom--lianjia .ui__bottom__content .ui__left__content .app__log {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/lianjia/logo300x300.png?v=1588058153892)
}

.ui__bottom--lianjia .ui__bottom__content .ui__right__content {
	background: #00ae66
}

.ui__qr__code .ui__qr__code__content {
	position: relative;
	width: 19.6875rem;
	height: 16.625rem;
	border-radius: .3125rem;
	text-align: center;
	background: #fff
}

.ui__qr__code .ui__qr__code__content .ui__qr__code__close {
	position: absolute;
	top: 1.25rem;
	right: .75rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/businessVolume/close.png?v=1588058153892) no-repeat;
	background-size: 1.5rem 1.5rem;
	cursor: pointer
}

.ui__qr__code .ui__qr__code__content .ui__qr__code__img {
	width: 8.75rem;
	height: 8.75rem;
	margin-bottom: 1.125rem;
	margin-top: 3.125rem;
	-webkit-touch-callout: default
}

.ui__qr__code .ui__qr__code__content .ui__qr__code__title {
	line-height: 1.125rem;
	font-size: .8125rem;
	color: #101d37;
	margin-bottom: .25rem
}

.ui__qr__code .ui__qr__code__content .ui__qr__code__source {
	font-size: .6875rem;
	color: #101d37;
	opacity: .5;
	margin-bottom: 2.5rem
}

.ui__qr__code .ui__qr__code__content .ui__confirm__btn {
	displa: none
}

.weixin-qr-code .ui__qr__code__content {
	height: 20rem
}

.weixin-qr-code .ui__qr__code__content .ui__qr__code__source {
	margin-bottom: .625rem
}

.weixin-qr-code .ui__qr__code__content .ui__confirm__btn {
	cursor: pointer;
	margin: 0 auto;
	line-height: 2rem;
	text-align: center;
	color: #fff;
	font-size: .8125rem;
	width: 5rem;
	background: #3072f6
}

.ui__mini__program .ui__mini__program__content {
	position: relative;
	width: 19.6875rem;
	height: 23rem;
	text-align: center;
	background: #fff;
	overflow: hidden
}

.ui__mini__program .ui__mini__program__content .ui__qr__code__close {
	position: absolute;
	top: 1.25rem;
	right: .75rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/businessVolume/close.png?v=1588058153892) no-repeat;
	background-size: 1.5rem 1.5rem;
	cursor: pointer
}

.ui__mini__program .ui__mini__program__content .ui__mini__program__img {
	width: 4.5625rem;
	height: 4.5625rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/businessVolume/logo.png?v=1588058153892) no-repeat;
	background-size: 4.5625rem 4.5625rem;
	margin: 4rem auto 1.25rem;
	-webkit-touch-callout: default
}

.ui__mini__program .ui__mini__program__content .ui__mini__program___title {
	font-size: 1.1875rem;
	line-height: 1.625rem;
	margin-bottom: .3125rem;
	font-weight: 700
}

.ui__mini__program .ui__mini__program__content .ui__mini__program___desc {
	font-size: .8125rem;
	line-height: 1.125rem;
	margin-bottom: 1.875rem
}

.ui__mini__program .ui__mini__program__content .ui__confirm__btn {
	width: 11.0625rem;
	height: 2.75rem;
	line-height: 2.75rem;
	background: #3072f6;
	color: #fff;
	font-size: 1rem;
	border-radius: .125rem;
	margin: 0 auto 1.875rem;
	cursor: pointer
}

.ui__mini__program .ui__mini__program__content .ui__login {
	font-size: .8125rem;
	color: #9399a5;
	text-decoration: underline;
	cursor: pointer
}

.ui__confirm--bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 9999
}

.ui__confirm {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	transform: translate(-50%, -50%);
	max-width: 90%;
	min-width: 70%
}

.ui__user__info .ui__user__info__content {
	position: relative;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 19.6875rem;
	height: 25.25rem;
	padding: 3.375rem 1.875rem 2.5rem;
	background: #fff;
	border-radius: .3125rem;
	color: #101d37
}

.ui__user__info .ui__user__info__content .ui__close {
	position: absolute;
	top: 1.25rem;
	right: .75rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/businessVolume/close.png?v=1588058153892) no-repeat;
	background-size: 1.5rem 1.5rem;
	cursor: pointer
}

.ui__user__info .ui__user__info__content .ui__user__info__title {
	font-family: PingFangSC-Medium;
	font-size: 1.375rem;
	line-height: 1.875rem
}

.ui__user__info .ui__user__info__content .ui__user__info___remark {
	width: 15.9375rem;
	height: 5rem;
	background: #f8f8f9;
	border-radius: .3125rem;
	padding: .625rem .75rem;
	margin: .625rem 0 1.25rem;
	font-size: .875rem
}

.ui__user__info .ui__user__info__content .ui__user__info___remark::-webkit-input-placeholder {
	font-size: .8125rem;
	color: #9399a5
}

.ui__user__info .ui__user__info__content .ui__user__info___remark::-moz-placeholder {
	font-size: .8125rem;
	color: #9399a5
}

.ui__user__info .ui__user__info__content .ui__user__info___remark:-ms-input-placeholder {
	font-size: .8125rem;
	color: #9399a5
}

.ui__user__info .ui__user__info__content .ui__user__info___remark::-ms-input-placeholder {
	font-size: .8125rem;
	color: #9399a5
}

.ui__user__info .ui__user__info__content .ui__user__info___remark::placeholder {
	font-size: .8125rem;
	color: #9399a5
}

.ui__user__info .ui__user__info__content .ui__user__info___phone {
	border: 0;
	border-bottom: 1px solid #e4e6f0;
	width: 15.9375rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: .875rem;
	margin-bottom: 1.875rem
}

.ui__user__info .ui__user__info__content .ui__user__info___phone:focus {
	outline: none
}

.ui__user__info .ui__user__info__content .ui__user__info___phone::-webkit-input-placeholder {
	font-size: .875rem;
	color: #ced2d6
}

.ui__user__info .ui__user__info__content .ui__user__info___phone::-moz-placeholder {
	font-size: .875rem;
	color: #ced2d6
}

.ui__user__info .ui__user__info__content .ui__user__info___phone:-ms-input-placeholder {
	font-size: .875rem;
	color: #ced2d6
}

.ui__user__info .ui__user__info__content .ui__user__info___phone::-ms-input-placeholder {
	font-size: .875rem;
	color: #ced2d6
}

.ui__user__info .ui__user__info__content .ui__user__info___phone::placeholder {
	font-size: .875rem;
	color: #ced2d6
}

.ui__user__info .ui__user__info__content .ui__user__info__confirm {
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	text-align: center;
	color: #fff;
	background: #3072f6;
	border-radius: .3125rem;
	margin-bottom: .625rem;
	font-size: 1rem;
	cursor: pointer
}

.ui__user__info .ui__user__info__content .ui__user__info__bottom {
	margin-bottom: .5rem;
	position: relative
}

.ui__user__info .ui__user__info__content .ui__user__info__bottom .ui__user__info__radio {
	position: relative;
	opacity: 0;
	margin-right: .375rem
}

.ui__user__info .ui__user__info__content .ui__user__info__bottom label {
	position: absolute;
	left: 0;
	width: .9375rem;
	height: .9375rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/businessVolume/agree-none.png?v=1588058153892) no-repeat;
	background-size: .9375rem .9375rem;
	cursor: pointer
}

.ui__user__info .ui__user__info__content .ui__user__info__bottom label:before {
	content: "";
	position: absolute;
	top: -.0125rem;
	right: -.00125rem;
	bottom: -.00125rem;
	left: -.00125rem
}

.ui__user__info .ui__user__info__content .ui__user__info__bottom input:checked+label {
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/businessVolume/agree.png?v=1588058153892) no-repeat;
	background-size: .9375rem .9375rem;
	border: 0
}

.ui__user__info .ui__user__info__content .ui__user__info__bottom .ui__user__info__agree {
	color: #9399a5;
	line-height: 1.0625rem;
	margin-right: .3125rem;
	margin-left: .625rem
}

.ui__user__info .ui__user__info__content .ui__user__info__bottom .ui__user__info__page {
	color: #3072f6;
	line-height: 1.125rem
}

.ui__user__info .ui__user__info__content .ui__user__info__desc {
	font-size: .6875rem;
	color: #ced2d6
}

.ui__user__info--lianjia .ui__user__info__content .ui__user__info__confirm {
	background: #00ae66
}

.overflow-hidden {
	overflow: hidden
}

.loading {
	position: fixed;
	z-index: 100000;
	width: 100%;
	height: 100%;
	top: 0
}

.loading .shadow-box {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4)
}

.loading .loading__box {
	background: rgba(0, 0, 0, .7);
	width: 6rem;
	height: 6rem;
	position: fixed;
	top: 13rem;
	color: #fff;
	text-align: center;
	right: calc(50% - 2.5rem);
	border-radius: .3rem;
	padding: .8rem;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: .875rem
}

.loading .loading-icon {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/loading.gif?v=1588058153892);
	background-size: 100%;
	display: inline-block;
	width: 3.125rem;
	height: 3.125rem
}

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 3.4375rem;
	width: 100%;
	background-color: hsla(0, 0%, 100%, .96);
	box-shadow: 0 -2px 18px 0 rgba(0, 0, 0, .09);
	display: none
}

.footer ul {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center
}

.footer ul li {
	display: table-cell;
	vertical-align: middle
}

.footer ul li a {
	display: block;
	color: rgba(69, 69, 69, .5);
	font-size: .75rem
}

.footer ul li i {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: no-repeat 50%;
	background-size: cover;
	margin: 0 auto .25rem
}

.footer ul .active a {
	color: #36b58a
}

.footer ul .footer_item--zhaofang i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/footer_search.png?v=1588058153892)
}

.footer ul .footer_item--zhaofang.active i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/footer_search_click.png?v=1588058153892)
}

.footer ul .footer_item--guanzhu i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/footer_watch.png?v=1588058153892)
}

.footer ul .footer_item--guanzhu.active i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/footer_watch_click.png?v=1588058153892)
}

.footer ul .footer_item--wode i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/footer_my.png?v=1588058153892)
}

.footer ul .footer_item--wode.active i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/footer_my_click.png?v=1588058153892)
}

.footer-container {
	width: 100%;
	height: auto;
	background: #2f3130;
	color: #7d7d7d
}

.footer-container .footer-crumb {
	display: flex;
	width: calc(100% - 2rem);
	min-height: 2rem;
	height: auto;
	margin: .2rem 1rem .4rem;
	border-bottom: 1px solid #3e403f
}

.footer-container .footer-crumb ul {
	display: inline-block;
	line-height: 100%;
	width: 100%;
	font-size: .65rem
}

.footer-container .footer-crumb ul li {
	display: inline-block;
	line-height: 2rem
}

.footer-container .footer-crumb ul li a {
	text-decoration: none;
	out-line: none;
	color: #7b7b7b
}

.footer-container .footer-content {
	height: 11rem;
	width: 100%
}

.footer-container .footer-content .navigator {
	width: 100%;
	height: 3rem;
	display: flex;
	justify-content: space-around;
	align-items: center
}

.footer-container .footer-content .navigator div {
	height: 2rem;
	width: 25%;
	background: #212121;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: .875rem;
	line-height: 2rem;
	font-weight: 600
}

.footer-container .footer-content .content,
.footer-container .footer-content .content div {
	width: 100%;
	height: 8rem
}

.footer-container .footer-content .content div ul {
	padding: 0 1rem;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.footer-container .footer-content .content div ul li {
	display: flex;
	height: 2rem;
	flex: 0 0 calc(33.4% - 0.67rem);
	line-height: 2rem;
	font-size: 1rem;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.footer-container .footer-content .content div ul li .info {
	display: inline-block;
	height: 100%;
	width: 70%;
	line-height: 2rem;
	padding-left: .3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.footer-container .footer-content .content div ul li .info a {
	text-decoration: none;
	out-line: none;
	color: #828383
}

.footer-container .footer-info {
	display: flex;
	justify-content: flex-end;
	height: auto;
	width: 100%;
	padding-bottom: .1rem
}

.footer-container .footer-info .left {
	width: 35%;
	height: 6.8rem;
	float: left;
	padding-left: 1rem
}

.footer-container .footer-info .left a .iphone {
	width: 50%;
	height: 1.4rem;
	float: left;
	margin-top: 4rem;
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/footer/iOS.png?v=1588058153892);
	background-size: 100% 100%
}

.footer-container .footer-info .left a .android {
	width: 50%;
	height: 1.4rem;
	float: left;
	margin-top: 4rem;
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/footer/Android.png?v=1588058153892);
	background-size: 100% 100%
}

.footer-container .footer-info .right {
	padding-top: 1.4rem;
	width: 65%;
	height: 6.8rem;
	float: right;
	margin-right: 1rem
}

.footer-container .footer-info .right p {
	text-align: right;
	margin-bottom: .3rem;
	font-size: .55rem;
	color: #717171
}

.footer-hide {
	display: none
}

.footer-show {
	display: block
}

.liItem:before {
	position: absolute;
	top: -.2rem;
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: .3rem;
	height: .3rem;
	background: #737373
}

</style><style>@font-face {
	font-family: martrix;
	src: url(https://s1.ljcdn.com/matrix_wx_app/iconfont/fonts/martrix_common_icon.woff) format("woff"), url(https://s1.ljcdn.com/matrix_wx_app/iconfont/fonts/martrix_common_icon.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

[data-icon]:before {
	content: attr(data-icon)
}

[data-icon-left]:before,
[data-icon]:before {
	font-family: martrix!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	font-feature-settings: "liga", normal, "dlig";
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased
}

[data-icon-left]:before {
	content: attr(data-icon);
	content: attr(data-icon-left);
	margin-right: .25rem
}

[data-icon-right]:after {
	content: attr(data-icon);
	content: attr(data-icon-right);
	margin-left: .25rem;
	color: color-text-secondary
}

[data-icon-right]:after,
[data-icon-top]:before {
	font-family: martrix!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	font-feature-settings: "liga", normal, "dlig";
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased
}

[data-icon-top]:before {
	content: attr(data-icon);
	content: attr(data-icon-top);
	margin-bottom: .25rem;
	display: inline-block;
	text-align: center
}

[data-icon-bottom]:after {
	font-family: martrix!important;
	content: attr(data-icon);
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	font-feature-settings: "liga", normal, "dlig";
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	content: attr(data-icon-bottom);
	margin-top: .25rem;
	display: inline-block;
	text-align: center
}

.search {
	padding: .75rem;
	background-color: #fff
}

.search a {
	display: block;
	height: 2rem;
	line-height: 2rem;
	padding: 0 1rem;
	background-color: #f5f5f5;
	border-radius: .9375rem;
	text-align: center;
	font-size: .8125rem;
	color: #ccc
}

.ui-swipe {
	visibility: hidden
}

.ui-swipe,
.ui-swipe-wrap {
	overflow: hidden;
	position: relative
}

.ui-swipe-wrap>.ui-swipe-item {
	float: left;
	width: 100%;
	position: relative
}

.banner {
	padding: 1px 0;
	position: relative;
	margin-bottom: .25rem
}

.banner .banner__slide {
	position: relative;
	margin: 0 .9375rem .9375rem;
	padding-top: 45.06%;
	box-shadow: 0 0 .1875rem .0625rem rgba(0, 0, 0, .06);
	border-radius: .1875rem;
	overflow: hidden
}

.banner .banner__slide .banner__slide__wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.banner .banner__slide .banner__slide__wrapper .banner__slide__item {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: .1875rem
}

.banner .banner__slide .banner__slide__wrapper .banner__slide__item img {
	width: 100%;
	height: 100%
}

.banner .banner__slide .banner__slide__wrapper .banner__slide__item p {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3.375rem;
	line-height: 2.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	background: linear-gradient(transparent, #000);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1rem;
	color: #fff
}

.banner .banner__slide_dot {
	position: absolute;
	bottom: -.25rem;
	left: 50%;
	transform: translate(-50%);
	overflow: hidden
}

.banner .banner__slide_dot li {
	float: left;
	width: .25rem;
	height: .25rem;
	border-radius: .125rem;
	background-color: rgba(70, 70, 70, .56);
	margin-right: .3125rem;
	transition: width .2s ease;
	-moz-transition: width ease .2s;
	-webkit-transition: width .2s ease;
	-o-transition: width ease .2s
}

.banner .banner__slide_dot li:last-child {
	margin-right: 0
}

.banner .banner__slide_dot .active {
	background-color: #101d37;
	width: .5625rem
}

.nav {
	position: relative;
	z-index: 2;
	margin: 1.25rem .9375rem 1.5rem;
	min-height: 5.875rem;
	background-color: #fff;
	border-bottom: 1px solid #e4e6f0
}

.nav ul {
	width: 100%;
	height: 100%
}

.nav ul li {
	vertical-align: middle;
	margin-bottom: 1.25rem;
	width: 24%;
	text-align: center;
	display: inline-block
}

.nav ul li a {
	color: #101d37;
	font-weight: 700
}

.nav ul li a i {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	margin: 0 auto .75rem
}

.nav ul .nav__zhengzu i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/index/icon_zhengzu.png?v=1588058153892)
}

.nav ul .nav__hezu i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/index/icon_hezu.png?v=1588058153892)
}

.nav ul .nav__gongyu i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/index/icon_gongyu.png?v=1588058153892)
}

.nav ul .nav__chuzu i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/index/icon_chuzu.png?v=1588058153892)
}

.nav ul .nav__ditu i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/index/icon_ditu.png?v=1588058153892)
}

.nav ul .nav__chengjiao i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/index/icon_chengjiao.png?v=1588058153892)
}

.nav ul .nav__pinpai i {
	background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/index/icon_pinpai.png?v=1588058153892)
}

.page--small .header .header__button,
.page--small .header .header__title {
	padding-top: .5rem
}

.page--big .header .header__title {
	padding-top: 20%
}

body,
html {
	background-color: #fff
}

.list {
	padding-left: .9375rem;
	padding-right: .9375rem
}

.list h2 {
	font-size: 1.375rem;
	font-weight: 700
}

.list .list__empty {
	text-align: center;
	padding-top: 8%
}

.list .list__empty i {
	display: inline-block;
	width: 12.5rem;
	height: 12.5rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/list/icon_empty.png?v=1588058153892) no-repeat 0 0;
	background-size: cover
}

.list .list__empty .list__empty--title {
	color: #222;
	letter-spacing: .1rem;
	margin-top: 1.5rem;
	margin-bottom: .75rem;
	font-size: 1rem;
	font-weight: 700
}

.list .list__empty .list__empty--subtitle {
	font-size: .8125rem;
	color: #ced1d6;
	letter-spacing: .1rem;
	line-height: 1.0625rem
}

.list .list__empty1 {
	height: 3.125rem;
	background: #f8f8f9;
	margin-top: .9375rem
}

.list .list__empty1 .list__empty--subtitle {
	font-size: .8125rem;
	color: #9399a5;
	line-height: 3.125rem;
	text-align: center
}

.list .list__loading {
	text-align: center
}

.list .list__loading:before {
	content: " ";
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/img/loading.gif?v=1588058153892);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle
}

.bottom_sug_title {
	text-align: center;
	height: 3.125rem;
	line-height: 3.125rem;
	background: #f8f8f9
}

.bottom_sug_title .rc_title {
	text-align: center;
	color: #9399a5;
	font-size: .8125rem
}

.content__item {
	position: relative;
	margin: .9375rem 0;
	padding-bottom: .625rem;
	border-bottom: 1px solid #e4e6f0;
	overflow: hidden
}

.content__item.clicked .content__item__main .content__item__title,
.content__item a:visited .content__item__main .content__item__title {
	color: #aaa
}

.content__item a {
	display: block;
	min-height: 5rem
}

.content__item.content__item--disabled {
	position: relative
}

.content__item.content__item--disabled:before {
	content: "已成交";
	position: absolute;
	left: 0;
	top: 0;
	width: 3.125rem;
	text-align: center;
	line-height: 1.375rem;
	background-color: rgba(0, 0, 0, .4);
	font-size: .75rem;
	color: #fff
}

.content__item.content__item--disabled .content__item__main .content__item__title {
	text-decoration: line-through;
	color: #9399a5
}

.content__item.content__item--disabled1 {
	position: relative
}

.content__item.content__item--disabled1:before {
	content: "已失效";
	position: absolute;
	left: 0;
	top: 0;
	width: 3.125rem;
	text-align: center;
	line-height: 1.375rem;
	background-color: rgba(0, 0, 0, .4);
	font-size: .75rem;
	color: #fff
}

.content__item.content__item--disabled1 .content__item__main .content__item__title {
	text-decoration: line-through;
	color: #9399a5
}

.content__item:last-child {
	border-bottom-width: 0
}

.content__item .vr__icon {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: .375rem;
	bottom: .375rem;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.content__item .content__item--pic {
	position: relative;
	float: left;
	margin-right: .9375rem
}

.content__item .content__item__aside {
	float: left;
	width: 6.5625rem;
	height: 5rem;
	border-radius: .125rem
}

.content__item .content__item--ad {
	display: block;
	position: absolute;
	bottom: .0625rem;
	right: 0;
	width: 1.5rem;
	height: .875rem;
	line-height: .875rem;
	text-align: center;
	background-color: rgba(0, 0, 0, .2);
	font-size: .5rem;
	color: hsla(0, 0%, 100%, .6);
	border-radius: .3125rem 0
}

.content__item .content__item__main {
	position: relative;
	top: -.125rem;
	padding-left: 7.5rem;
	font-size: 0
}

.content__item .content__item__main p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.content__item .content__item__main .content__item__tag--wrapper {
	height: 1rem;
	margin-bottom: .3125rem;
	white-space: normal;
	text-overflow: clip
}

.content__item .content__item__main .content__item__tag--wrapper i {
	display: inline-block;
	height: 1rem;
	line-height: 1rem;
	margin-right: .3125rem;
	padding-left: .1875rem;
	padding-right: .1875rem;
	background: #e6ecf2;
	border-radius: .125rem;
	font-size: .75rem;
	color: #849aae;
	background: rgba(237, 240, 243, .8)
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--marketing_activity {
	background: #ff7276;
	color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--authorization_apartment {
	background: #e9c067;
	color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--quality {
	background: #2f3036;
	color: #edd6a2
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--activity_tag {
	color: #fff;
	background: #ff7670
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--credit_live {
	background: #fe615a;
	color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--star {
	background: rgba(73, 170, 224, .15);
	color: #49aae0
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--hot {
	background: rgba(250, 87, 65, .1);
	color: #fa5741
}

.content__item .content__item__main .content__item__title {
	display: -webkit-box;
	max-height: 2.5rem;
	line-height: 1.25rem;
	margin-bottom: .375rem;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1rem;
	font-weight: 400;
	color: #222
}

.content__item .content__item__main .content__item__title .content__item__title--maintitle {
	color: #3d709b
}

.content__item .content__item__main .content__item__title .content__item__quality {
	width: auto;
	height: 1rem;
	margin-top: .125rem;
	margin-right: .25rem;
	vertical-align: top
}

.content__item .content__item__content {
	margin-bottom: .375rem;
	font-size: .75rem;
	color: #222;
	line-height: .75rem
}

.content__item .content__item__bottom {
	position: relative;
	line-height: 1.1875rem;
	font-weight: 700;
	font-size: 1.125rem;
	color: #fa5741
}

.content__item .content__item__bottom .content__item__bottom--light {
	vertical-align: .0625rem;
	font-weight: 400;
	font-size: .6875rem;
	color: #fa5741
}

.content__item .content__item__bottom .content__item__bottom--activity {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 60%;
	line-height: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .6875rem;
	font-weight: 400;
	color: #999
}

.content__item .content__item__bottom .content__item__bottom--activity .content__item__bottom--num {
	color: #5373b2
}

.content__item .content__item__bonus {
	margin-top: .375rem;
	padding-top: .5625rem;
	border-top: 1px solid #e4e6f0
}

.content__item .content__item__bonus .content__item__bonus--text {
	line-height: 1rem;
	margin-bottom: .375rem;
	font-size: .75rem;
	color: #9399a5
}

.content__item .content__item__bonus .content__item__bonus--text:last-child {
	margin-bottom: 0
}

.content__item .content__item__bonus .content__item__bonus--head {
	display: inline-block;
	min-width: .875rem;
	text-align: center;
	height: .875rem;
	line-height: .875rem;
	margin-top: .0625rem;
	margin-right: .25rem;
	background: #f5615b;
	border-radius: .125rem;
	font-size: .75rem;
	color: #fff
}

.content__list__zhchd .download_card {
	background: #fff;
	border-radius: 15px
}

.content__list__zhchd .content__item {
	position: relative;
	padding: .875rem;
	margin-top: .9375rem;
	margin-bottom: .9375rem;
	overflow: hidden;
	background: #fff;
	border-radius: 15px;
	border-bottom: 0
}

.content__list__zhchd .content__item .content__item__content {
	margin-bottom: .375rem;
	line-height: 1rem;
	font-size: .6875rem;
	color: #101d37
}

.vr-logo {
	position: absolute;
	left: .375rem;
	bottom: .375rem;
	width: 1.5625rem;
	height: 1.5625rem;
	background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/resource/flat/vr-animation.png?v=1588058153892) no-repeat;
	background-size: 1.5625rem auto;
	-webkit-animation: vrIcon 3.5s steps(53) infinite;
	animation: vrIcon 3.5s steps(53) infinite;
	border: 1px solid #fff;
	border-radius: 50%
}

@-webkit-keyframes vrIcon {
	0%,
	20% {
		background-position: 0 0
	}
	to {
		background-position: 0 100%
	}
}

@keyframes vrIcon {
	0%,
	20% {
		background-position: 0 0
	}
	to {
		background-position: 0 100%
	}
}

.index__show--more {
	text-align: center;
	border-top: 1px solid #e4e6e0;
	margin-top: -1.125rem
}

.index__show--more a {
	padding-top: .9375rem;
	padding-bottom: 1.3125rem;
	display: block;
	color: #101d37;
	font-size: 1rem
}

.index__show--more a:after {
	margin-left: .3125rem;
	color: #9399a5
}

.high-quality {
	margin-right: 0
}

.high-quality h2 {
	margin-bottom: 1.25rem;
	padding-right: 1.5rem
}

.high-quality h2 .index__box {
	line-height: 1.75rem;
	color: #101d37;
	font-size: .8125rem;
	font-weight: 400
}

.high-quality h2 .index__box span {
	font-size: 1.25rem
}

.high-quality .flat-card {
	width: calc(100% - rem(24));
	height: 11.25rem;
	overflow-x: scroll;
	overflow-y: hidden
}

.high-quality .flat-card ul {
	height: 11.25rem;
	overflow: auto;
	overflow-y: hidden;
	white-space: nowrap;
	font-size: 0
}
.search input::-webkit-input-placeholder{
	text-align: center;
}
.onet{
	width: 70%;
	border-radius: 10px;
	background-color: #F5F5F5;
	height: 26px;
}
.ti{
	background-color: white;
	font-size: 16px;
	margin-left: 15px;
	border: none;
}